<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>青环网——致力于生态环境保护的网站</title>
<!--CSS-->
      <link rel="stylesheet" href="css/click.css"><!--时钟-->
	  <link rel="stylesheet" href="css/base.css"><!--导航栏-->
	  <link rel="stylesheet" href="css/home_news.css"><!--新闻速递-->
	  <link rel="stylesheet" href="css/ban.css"><!--滑动窗口-->
	  <link rel="stylesheet" href="css/footer.css"><!--底部导航-->
	  <link rel="stylesheet" href="css/greenwin.css"><!--绿色之窗-->
	  <link rel="stylesheet" type="text/css" href="css/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/pinglun.css">
	
</head>
<!--JS脚本-->
	<script src="./js/jquery.js"></script>
	<script src="./js/auto_play_pic.js"></script>
		<script src="./js/clock.js"></script>
	<script src="./js/home_news.js"></script>
<script src="./js/jquery-1.11.0.js"></script>
<script src="./js/jquery.superslide.2.1.1.js"></script>
<script type="text/javascript">
	$(".customer-comment .content").slide({
		titCell: ".hd ul li",
		mainCell: ".bd ul",
		effect: "leftLoop",
		autoPlay: true,
		prevCell: '.prev',
		nextCell: '.next',
		titOnClassName: 'active',
		mouseOverStop: true,
		interTime: 5000
	});
</script>
<body>
<!--网页导航-->
<header>
    <div id="logo"><a href="home.html"><img src="images/logo.jpg" width="100%" height="100%"></a></div>
	
    <nav class="topnav" id="topnav">
	  <a href="./home.html">
		  <span>首页</span>
		  <span class="en">Home</span>
	  </a>
	  <a href="./news.html">
		  <span>新闻</span>
		  <span class="en">News</span>
	  </a>
		  <a href="./kepu.html">
		  <span>科普</span>
		  <span class="en">Know</span>
	  </a>
    </nav>
	<p><div id="Date" font-size="5px" ></div></p>
</header>
<!--网页头部-->
<header id="banner">
		<div class="wrap">
		<div class="pic1 pic">
			<div class="pic_num1 pic_num"></div>
		</div>
		<div class="pic2 pic">
			<div class="pic_num2 pic_num"></div>
		</div>
		<div class="pic3 pic">
			<div class="pic_num3 pic_num"></div>
		</div>
		<div class="pic4 pic">
			<div class="pic_num4 pic_num"></div>
		</div>
		<div class="pic5 pic">
			<div class="pic_num5 pic_num"></div>
		</div>
		<div class="pic6 pic">
			<div class="pic_num6 pic_num"></div>
		</div>
	</div>

</header>
<!--INDEX第一个主体,环保速递-->
<div>
<div class="container">
			<h2 class="title">消息速递</h2>
			<p class="desc">关注每天发生的环保动态</p>
			<ul class="news">
				<li class="news-item">
					<h3><i class="iconfont">&#xe686;</i>政策动态</h3>
					<dl>
					<dt>
                    <a href="./news/news_p1.html" >
                        <img src="./images/news_1.jpg">
                    </a>
					</dt>
						<dd>
							<a href="./news/news_p1.html"><span>10-29</span>（新华网）中国共产党第十九届中央委员会第五次全体会议公报</a>
						</dd>
						<dd>
							<a href="./news/news_p2.html"><span>10-29</span>（生态环境部）生态环境部部长出席“77国集团和中国”气候变化部长级会议</a>
						</dd>
					</dl>
				</li>
				<li class="news-item">
					<h3><i class="iconfont">&#xe686;</i>环保创新</h3>
					<dl>

						<dt>
                    <a href="./news/news_p3.html" >
                        
                        <img src="./images/news_2.jpg">
                        
                    </a>
                </dt>
						<dd>
							<a href="./news/news_p3.html"><span>04-14</span>住友橡胶最新研发成果，稳踞行业科技前沿</a>
						</dd>

						<dd>
							<a href="./news/news_p4.html"><span>03-25</span> 谱写时代“中国蓝” 思搏盈环保以科技引领行业创新发展2</a>
						</dd>

					</dl>
				</li>
				<li class="news-item">
					<h3><i class="iconfont">&#xe686;</i>环境文库</h3>
					<dl>

						<dt>
                    <a href="#" >
                        
                        <img src="./images/news_3.png">
                        
                    </a>
                </dt>
						<dd>
							<a href="./news/news_p5.html"><span>06-29</span>EPC水环境治理项目问题和解决思路</a>
						</dd>

						<dd>
							<a href="./news/news_p6.html"><span>03-11</span>数字水务及其在污水处理厂中的应用探索 </a>
						</dd>

					</dl>
				</li>
			</ul>
		</div>
</div>

`			
<!--INDEX第二个主体,绿色之窗-->
<div class="logout-solution-wrap" data-aspm="c24176" data-aspm-expo="true">
	<div class="logout-solution">
		<p class="title">
			绿色之窗
		</p>
		<p class="desc">了解相关的环保知识</p>
		<div class="lsbs">
			<div class="lsbs-container">
				<div class="lsb-background">
					<a class="lsb" href="./news/kp_p3.html" target="_blank">
						<div class="lsb-icon"><img src="./images/icon1.png"></div>
						<p class="lsb-name">环保法规我明白</p>
						<div class="lsb-span"></div>
						<p class="lsb-introduce"><span>中华人民共和国环境保护法（自2015年1月1日起施行 （1989年12月26日第七届全国人民代表大会常务委员会第十一次会议通过  2014年4月24日第十二届全国人民代表大会常务委员会第八次会议修订））</span></p>
						<div class="lsb-href">
							<div><span>查看解决方案</span><i class="icon-jinru"></i></div>
						</div>
					</a>
				</div>
				<div class="lsb-background">
					<a class="lsb" href="./news/kp_p5.html" target="_blank">
						<div class="lsb-icon"><img src="./images/icon2.png"></div>
						<p class="lsb-name">环保方法我清楚</p>
						<div class="lsb-span"></div>
						<p class="lsb-introduce"><span> 环境保护已经成为了世界范围内最受关注的话题，那么我们怎样从生活点滴做起，去保护环境呢？</span></p>
						<div class="lsb-href">
							<div><span>查看解决方案</span><i class="icon-jinru"></i></div>
						</div>
					</a>
				</div>
				<div class="lsb-background">
					<a class="lsb" href="./news/kp_p4.html" target="_blank">
						<div class="lsb-icon"><img src="./images/icon3.png"></div>
						<p class="lsb-name">环保案例我知道</p>
						<div class="lsb-span"></div>
						<p class="lsb-introduce"><span>近年来，各级人民法院通过依法审理环境资源刑事、民事、行政各类案件，落实最严格的源头保护、损害赔偿和责任追究制度，为保护生态环境、助力绿色发展与建设美丽中国提供了有力的司法服务和保障。</span></p>
						<div class="lsb-href">
							<div><span>查看案例</span><i class="icon-jinru"></i></div>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
</div>
<!--INDEX第四个主体,留言板-->

<div>
<div class="container customer-comment">
		<p class="title">
			绿色之声
		</p>
		<p class="desc">了解相关的环保知识</p>
	<div class="content w1210">
		<div class="bd">
			<ul class="comment-list">
				<li>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left">&#xe7b6;</i>我们既要绿水青山，也要金山银山。宁要绿水青山，不要金山银山，而且绿水青山就是金山银山。我们绝不能以牺牲生态环境为代价换取经济的一时发展。
							<i class="iconfont comment-icon-right">&#xe7b7;</i></p>
					</div>
					<div class="comment-other clearfix">
						<img src="./images/s_1.png">
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3>习近平</h3>
							<p>中华人民共和国主席</p>
						</div>
					</div>
				</li>
				<li>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left">&#xe7b6;</i>我们不要过分陶醉于我们人类对自然界的胜利。对于每一次这样的胜利，自然界都对我们进行报复。每一次胜利，起初确实取得了我们预期的结果，但是往后和再往后却发生完全不同的、出乎预料的影响，常常把最初的结果又消除了。
							<i class="iconfont comment-icon-right">&#xe7b7;</i></p>
					</div>
					<div class="comment-other clearfix">
						<img src="./images/s_2.png">
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3>恩格斯</h3>
							<p>马克思主义创始人之一</p>
						</div>
					</div>
				</li>
				<li>
					<div class="comment-text">
						<p><i class="iconfont comment-icon-left">&#xe7b6;</i>风，那么轻柔，带动着小树、小草一起翩翩起舞，当一阵清风飘来，如同母亲的手轻轻抚摸自己的脸庞，我喜欢那种感觉，带有丝丝凉意，让人心旷神怡。享受生活，不一定要有山珍海味、菱罗绸缎为伴，大自然便是上帝所赐予人类最为珍贵的。
							<i class="iconfont comment-icon-right">&#xe7b7;</i></p>
					</div>
					<div class="comment-other clearfix">
						<p>                      <img src="./images/s_3.png"></p>
						<span class="comment-other-line"></span>
						<div class="comment-other-text">
							<h3><<寂静的春天>></h3>
							<p>环保科普读物</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="hd">
			<a href="javascript:;" class="prev"><i class="iconfont">&#xe7b4;</i></a>
			<ul>
				<li><span></span></li>
				<li><span></span></li>
				<li><span></span></li>
			</ul>
			<a href="javascript:;" class="next"><i class="iconfont">&#xe7b5;</i></a>
		</div>
	</div>
</div>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.superslide.2.1.1.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(".customer-comment .content").slide({
		titCell: ".hd ul li",
		mainCell: ".bd ul",
		effect: "leftLoop",
		autoPlay: true,
		prevCell: '.prev',
		nextCell: '.next',
		titOnClassName: 'active',
		mouseOverStop: true,
		interTime: 5000
	});
</script>
</div>
<!--INDEX第五个主体,底部-->
<div class="dibu">
<div class="footer">
	<div class="other-link clearfix">
		<div class="link-look clearfix">
			<div class="link-list">
				<h3 class="link-title">网站导航</h3>
				<ul>
					<li>
						<a href="home.html">首页</a>
					</li>
										<li>
						<a href="news.html">新闻</a>
					</li>
										<li>
						<a href="kepu.html">科普</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">快速入口</h3>
				<ul>
					<li>
						<a href="http://www.baidu.com" target="_blank" class="c_login">百度</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">帮助支持</h3>
				<ul>
					<li>
						<a href="http://www.chinaenvironment.com/">环保网</a>
					</li>
					<li>
						<a href="http://www.mee.gov.cn/">中华人民共和国生态环境部</a>
					</li>
				</ul>
			</div>
			<div class="link-list">
				<h3 class="link-title">关于我们</h3>
				<ul>
					<li>
						<a href="#">关于本网站</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="sucai-contact">
			<div class="bottom-logo">
				<a href="#"></a>
			</div>
			<div class="sucai-companyname">联系我</div>
			<div class="sucai-qq">8:00~11:00在线 QQ：294594605</div>

				
    
		</div>
	</div>
	<div class="footer-bottom">
		<p>Copyright © Type0Factor. All Rights Reserved. 2018 版权所有</p>
	</div>
</div>
</div>

</body>
</html>
